<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/echarts.js"></script>
	</head>
	<body>
		<!-- 为 ECharts 准备一个定义了宽高的 DOM -->
		<div id="main" style="width: 600px;height:400px;"></div>
		<script type="text/javascript">
			// 基于准备好的dom，初始化echarts实例
			let now = new Date();
			let hours = now.getHours();
			let theme =  null;
			
			if(hours >= 19 || hours <= 6)
			{
				theme = 'dark';
			}
			 
			var myChart = echarts.init(document.getElementById('main'), theme);

			// 指定图表的配置项和数据
			var option = {
				title: {
					text: 'ECharts 入门示例'
				},
				tooltip: {},
				legend: {
					// data: ['销量', '退货量']
				},
				
				 dataset: {
				    // 提供一份数据。
				    source: [
				      ['product', '销量', '退货量'],
				      ['衬衫', 5, 50],
				      ['羊毛衫', 20, 25],
				      ['雪纺衫', 36, 57],
				      ['裤子', 10, 16],
					  ['高跟鞋', 10, 13],
					  ['袜子', 20, 60]
				    ]
				  },
				
				xAxis: {
					// data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
					type: 'category'
				},
				yAxis: {
					
				},
				series: [{
					name: '销量',
					type: 'bar',
					// data: [5, 20, 36, 10, 10, 20],
					// color: [
					//         '#dd6b66',
					//         '#759aa0',
					//         '#e69d87',
					//         '#8dc1a9',
					//         '#ea7e53',
					//         '#eedd78'
					//       ]
				},
				{
					name: '退货量',
					type: 'bar',
					// data: [50, 25, 57, 16, 13, 60],
					// color: [
					//         '#37A2DA',
					//         '#32C5E9',
					//         '#67E0E3',
					//         '#9FE6B8',
					//         '#FFDB5C',
					//         '#ff9f7f'
					// 		]
				},]
			};

			// 使用刚指定的配置项和数据显示图表。
			myChart.setOption(option);
		</script>
	</body>
</html>